<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>运营范围</title>
</head>
<body>
<nav>
  <ul>
    <li><a th:href="@{/order_management.html}">订单管理</a></li>
    <li><a th:href="@{/earnings_management.html}">收益管理</a></li>
    <li><a th:href="@{/identity_management.html}">身份管理</a></li>
  </ul>
</nav>
<h1>运营范围</h1>
<div id="operation-areas">
  <!-- 动态展示运营范围信息 -->
</div>
<script>
  const courierId = 1;
  const url = `/courier/${courierId}/operation-areas`;
  fetch(url)
          .then(response => response.text())
          .then(data => {
            document.getElementById('operation-areas').innerHTML = data;
          })
          .catch(error => {
            console.error('请求出错:', error);
            alert('请求出错，请稍后重试');
          });
</script>
</body>
</html>